<template>
  <div class="jifen">
    <p>vuex 项目结构</p>
    <img src="../../assets/imgs/vuex2.png" alt="">
    <p>vuex 流程图</p>
    <img src="../../assets/imgs/vuex.png" alt="">
  {{this.$store.state.isHeader}}
  </div>
</template>

<script>
import { mapState } from "vuex";
export default {
  name: "one",
  data() {
    return {};
  },
  mounted() {
    this.$store.state.showTabbar = false;
  },
  computed: {
    ...mapState({
      isShow: "showTabbar"
    })
  },
  destroyed() {
    this.$store.state.showTabbar = true;
  }
};
</script>

<style scoped lang="less">
.jifen {
  position: absolute;
  top: 40px;
  img {
    width: 100%;
  }
}
</style>

